import Vue from 'vue';

export default Vue.component('child',{
    props:['parent'],
    data(){
        return {
            num:0
        }
    },
    methods:{
        add(){
            this.num++;
        },
        btn(){
            this.parent.num+=2
        }
    },
    template:`
        <div>
            子级:{{num}}  
            <input type="button" @click='btn' value="+2"/>
        </div>

    `,
    created(){
        this.$on('add_num',n=>{
            this.num += n 
        })
    }
})